<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>学习路线</title>
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/css.css">
		<style>
			.la
			{
				width: 300px;
				height: 58px;
				background-image: url(images/banner.png);
				background-size: 100% 100%;
				background-repeat: no-repeat;
				margin-top: 10px;
			}
			.nav
			{	
				height: 80px;
			     float: right;
			}
			.nav li{
				height: 80px;
			}
			.nav li a{
				font-size: 20px;
				padding: 0 30px!important;
				line-height: 80px;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="la"></div>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="down">
						<span class="caret"></span></a></li>
					<li><a href="SpecialityShow.html" target="_blank">专业介绍</a></li>
					<li><a href="LearningRoute.html" target="_blank">学习路线</a></li>
					<!-- <li><a href="#">前后端区别</a></li> -->
					<!-- <li><a href="#">就业分析</a></li> -->
					<li><a href="StudentShow.html" target="_blank">优秀学生展示</a></li>
					<li><a href="Dateshow.html" target="_blank">数据展示</a></li>
					<li><a href="AboutWe.html" target="_blank">关于我们</a></li>
				</ul>
			</div>
			</div>
				
		</nav>
		<div class="study"></div>
		
		<section id="gallery" class="page-section">
			<div class="title"> <h1> --学习资料 </h1></div>
		    <div class="container">
		        <div class="page-heading">
		            <div class="text-right">
		                <p class="page-icon"><a href="https://space.bilibili.com/37974444?from=search&seid=1416207530347868810" target="_blank" class="glyphicon glyphicon-plus"></a></p>
		            </div>
		        </div>
		        <div class="row">
		            <div class="gallery-a">
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/1.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1pE411q7FU" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/2.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1ux411d75J?spm_id_from=333.788.b_765f64657363.1" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/3.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1ax411G7gb?from=search&seid=11714003737758917348" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/4.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1uJ411k7wy" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/5.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1B4411H76f" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/6.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV12b411K7Zu" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/7.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1o7411q7r4?from=search&seid=8922794129874975122" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		                <div class="col-md-3 col-sm-6 col-xs-12 gallery-item">
		                    <div class="gallery-thumb">
		                        <img src="images/8.jpg" alt="">
		                        <div class="hover">
		                            <a href="https://www.bilibili.com/video/BV1Et411Y7tQ" target="_blank" class="glyphicon glyphicon-plus"></a>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</section>
	</body>
</html>
